<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <include file="Public:common_file" />
    <meta name="description" content="{$info.description}">
    <meta name="keywords" content="{$info.keywords}">
    <title>{$info.title}-资金变动记录</title>
    <style type="text/css">
        .select{
            width: 100%; height:40px; background:#fff; overflow:auto; position:fixed;top:50px;left:0;
        }
        .select .option{
            width:25%; float:left; height:40px; line-height:40px; text-align:center;
            color:#666;
        }
        .select .option.active{
            color:#f23030; border-bottom:2px solid #f23030;
        }

        .content{
            display:none;
        }
        .content .order{
            background:#fff; margin:5px 0; overflow:auto; line-height:20px;
            padding:5px;
        }
        .content .order .title{
             font-size:14px; color:#666;
        }
        .content .order .time{
             font-size:12px; color:#bcbcbc;
        }
        
    </style>
</head>
<body>
	<div class="head" style="background-color:#f23030;">
        <div class="left" onclick="back()">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 资金变动记录</p>
        </div>
        <div class="right">
            
        </div>
    </div>

    <div class="body" style="margin-top:100px;">
        <div class="select">
            <div class="option active" onclick="change_type(1)" id="t1">
                全部
            </div>
            <div class="option" onclick="change_type(2)" id="t2">
                奖励
            </div>
            <div class="option" onclick="change_type(3)" id="t3">
                消费
            </div>
            <div class="option" onclick="change_type(4)" id="t4">
                提现
            </div>
        </div>
        <div class="content" id="content1" style="display: block;">
            <div class="order">
                <div class="title">中国IT的希望消费599，收到奖励56.50元。</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
            <div class="order">
                <div class="title">提现456.50元</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
            <div class="order">
                <div class="title">购买商品消费578.50元</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
        </div>
        <div class="content" id="content2">
            <div class="order">
                <div class="title">中国IT的希望消费599，收到奖励56.50元。</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
        </div>
        <div class="content" id="content3">
            <div class="order">
                <div class="title">购买商品消费578.50元</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
        </div>
        <div class="content" id="content4">
            <div class="order">
                <div class="title">提现456.50元</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
        </div>
    </div>
    
	<include file="Public:foot" />
    <script type="text/javascript">
        imgload();

        function change_type(id){
            $('.option').removeClass('active');
            $('#t'+id).addClass('active');
            $('.content').hide();
            $('#content'+id).fadeIn(200);
        }

    </script>
	
</body>
</html>